<template>
	<view>
		<div style="padding: 16px; display: inline-flex; flex-direction: column; align-items: flex-start; justify-content: flex-start;">
		    <div style="width: 343px; display: inline-flex; flex-direction: row; align-items: flex-start; justify-content: flex-start;">
		        <div style="width: 94px; height: 115px;">
		            <image style="width: 115px; height: 115px; border-radius: 8px;" src="../../static/images/qs_goods.png" />
		        </div>
		        <div style="width: 16px;"></div>
		        <div style="flex: 1 1 0%; height: 115px; display: inline-flex; flex-direction: column; align-items: flex-start; justify-content: flex-end;">
		            <div style="width: 233px; display: inline-flex; flex-direction: row; align-items: flex-start; justify-content: flex-start;">
		                <div style="flex: 1 1 0%; display: inline-flex; flex-direction: column; align-items: flex-start; justify-content: flex-start;">
		                    <p style="width: 100%; font-size: 16px; font-weight: 500; line-height: 24px; color: rgba(33, 33, 33, 1);">$150.00</p>
		                    <div style="height: 4px;"></div>
		                    <p style="width: 100%; font-size: 12px; line-height: 16px; color: rgba(158, 158, 158, 1);">Wooden bedside table featuring a raised design</p>
		                </div>
		                <div style="width: 8px;"></div>
		                <img style="opacity: 0; width: 24px; height: 24px; border-radius: 8px;" src="https://via.placeholder.com/24x24" />
		            </div>
		            <div style="height: 19px;"></div>
		            <div style="height: 36px;">
		                <div style="width: 100%; flex: 1 1 0%; padding-left: 16px; padding-right: 16px; background-color: rgba(254, 228, 64, 1); border-radius: 8px; display: inline-flex; flex-direction: row; align-items: center; justify-content: center;">
		                    <p style="font-size: 14px; font-weight: 500; line-height: 100%; text-align: center; color: rgba(33, 33, 33, 1);">Order again</p>
		                </div>
		            </div>
		        </div>
		    </div>
		    <div style="height: 24px;"></div>
		    <div style="width: 343px; display: inline-flex; flex-direction: row; align-items: flex-start; justify-content: flex-start;">
		        <div style="width: 94px; height: 115px;">
		            <img style="width: 94px; height: 115px; border-radius: 8px;" src="https://via.placeholder.com/94x115" />
		        </div>
		        <div style="width: 16px;"></div>
		        <div style="flex: 1 1 0%; height: 115px; display: inline-flex; flex-direction: column; align-items: flex-start; justify-content: flex-end;">
		            <div style="width: 233px; display: inline-flex; flex-direction: row; align-items: flex-start; justify-content: flex-start;">
		                <div style="flex: 1 1 0%; display: inline-flex; flex-direction: column; align-items: flex-start; justify-content: flex-start;">
		                    <p style="width: 100%; font-size: 16px; font-weight: 500; line-height: 24px; color: rgba(33, 33, 33, 1);">$280.50</p>
		                    <div style="height: 4px;"></div>
		                    <p style="width: 100%; font-size: 12px; line-height: 16px; color: rgba(158, 158, 158, 1);">Square bedside table with legs, a rattan shelf and a...</p>
		                </div>
		                <div style="width: 8px;"></div>
		                <img style="opacity: 0; width: 24px; height: 24px; border-radius: 8px;" src="https://via.placeholder.com/24x24" />
		            </div>
		            <div style="height: 19px;"></div>
		            <div style="height: 36px;">
		                <div style="width: 100%; flex: 1 1 0%; padding-left: 16px; padding-right: 16px; background-color: rgba(254, 228, 64, 1); border-radius: 8px; display: inline-flex; flex-direction: row; align-items: center; justify-content: center;">
		                    <p style="font-size: 14px; font-weight: 500; line-height: 100%; text-align: center; color: rgba(33, 33, 33, 1);">Order again</p>
		                </div>
		            </div>
		        </div>
		    </div>
		</div>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">

</style>
